@charset "utf-8";
/* CSS Document */
.product{width:100%}
.product .container{width:1200px; margin:auto; margin-top:100px}
.product .container>h1{text-align:center; font-size:30px; font-family:"微软雅黑"; color:#686666}
.product .container ol.title{width:inherit; height:32px; border-bottom:#333 1px solid; margin-top:18px}
.product .container ol.title li{float:left; line-height:32px; font-size:16px; font-family:"微软雅黑"}
.product .container ol.title li span{color:#01850a}
.product .container ol.title li.right{float:right; line-height:32px; font-size:16px; font-family:"微软雅黑"}

.product .container ul{width:inherit; margin-top:100px; margin-bottom:97px; overflow:hidden}
.product .container ul li{width:270px; height:400px; background:#f9fcf9; float:left; margin-right:40px; margin-bottom:53px; position:relative}
.product .container ul li.current{margin-right:0px}
.product .container ul li h1,h2,h3{margin-top:18px; margin-left:5px; font-family:"微软雅黑"; font-size:24px}
.product .container ul li h1 b{margin-left:110px}
.product .container ul li h2 b{margin-left:60px}
.product .container ul li h3 b{margin-left:35px}
.product .container ul li p{text-align:center; margin-top:5px; font-family:"微软雅黑"; font-size:24px; font-weight:100}
.product .container ul li span{display:block; width:270px; height:300px; position:absolute; left:0px; top:0px}
.product .container ul li:hover h1{color:#2b4e02; font-weight:bold}
.product .container ul li:hover h2{color:#2b4e02; font-weight:bold}
.product .container ul li:hover h3{color:#2b4e02; font-weight:bold}
.product .container ul li:hover span{background:url(../images/icon.png) no-repeat left -200px}

.product .container ol.page{width:513px; height:50px; margin:auto; margin-top:86px; margin-bottom:68px}
.product .container ol.page li{float:left; border:2px solid #555756; margin-left:22px; font-family:"微软雅黑"; font-size:24px; color:#010100; background:#FFF}
.product .container ol.page li a{width:38px; height:35px; display:block; text-align:center}
.product .container ol.page li:first-child{margin-left:0px}
.product .container ol.page li:first-child a{width:100px}
.product .container ol.page li.last a{width:100px}
.product .container ol.page li:hover{background:#333}
.product .container ol.page li:hover a{color:#FFF}
.product .container ol.page li.current{background:#333}
.product .container ol.page li.current a{color:#FFF}